<div id = "left-contact">
   <div id = "title-left">
   Liên hệ trực tiếp
   </div>
   <p> <img src="<?php echo $this->_baseUrl;?>/public/images/web/home.png" height="16px" width="16px"/>
   <strong>
   Trung tâm tính toán hiệu năng cao.<br/>
   Trường Đại học Bách Khoa Hà Nội .<br/>
   Số 1 Đại Cồ Việt, Hai Bà Trưng, Hà Nội. 
   </strong>
   </p>
   <p> <img src="<?php echo $this->_baseUrl;?>/public/images/web/phone.png" height="16px" width="16px"/>
    Điện thoại : +84-(4)-38682355
   </p>
   <p> <img src="<?php echo $this->_baseUrl;?>/public/images/web/email.png" height="16px" width="16px"/>
    Email : hpcc@mail.hut.edu.vn
   </p>
 </div>
 <div id = "right-contact">
  <div id="title-right">
  Gửi liên hệ
  </div>
   <?php 
   if($this->status == 3)
   {
   ?>
    <div style="padding-bottom:15px; color:#00F;width:400px;font-weight:bold;">
      <img src="<?php echo $this->_baseUrl;?>/public/images/web/success.png" width="32" height="32" style="float:left; margin-right:10px;"/>
      Gửi liên hệ thành công
   </div>
   <?php 
   }
   elseif($this->status == 2)
   {
   ?>
   <div style="padding-bottom:15px; color:#FF0000;width:400px;font-weight:bold;">
      <img src="<?php echo $this->_baseUrl;?>/public/images/web/error.png" width="32" height="32" style="float:left; margin-right:10px;"/>
      Gửi liên hệ thất bại
   </div>
   <?php 
   }
   elseif($this->status == 1)
   {
   ?>
   <div style="padding-bottom:15px; color:#FF0000;width:400px;font-weight:bold;">
      <img src="<?php echo $this->_baseUrl;?>/public/images/web/error.png" width="32" height="32" style="float:left; margin-right:10px;"/>
      Sai mã xác nhận
   </div>
   <?php 
   }
   ?>
 <script type="text/javascript" src="<?php echo $this->_baseUrl;?>/public/js/jquery.validate.min.js"></script>
 <script type="text/javascript">

				$().ready(function() {
								
					$("#formContact").validate({
				
						rules: {
							fullname:"required",
				
							email: {
				
								required: true,
				
								email: true
				
							},
				
							title:"required",
							content:"required",
							captcha:"required"
						},
				
						messages: {
								
							fullname: "Bạn chưa nhập họ tên",
				
							email: "Email chưa chính xác",
				
							title: "Bạn chưa nhập tiêu đề",
							content:"Bạn chưa nhập nội dung",
				            captcha:"Bạn chưa nhập mã xác nhận"
						}
				
					});
				
				});
				
</script>
  
  
  
  <form id="formContact" action="<?php echo $this->_baseUrl;?>/contact" method="post">
    <p>
    <label>Họ và tên: </label>
    <input type="text" id="fullname" name="fullname" value="<?php echo $this->input_fullname;?>"/>
    </p>
    <p>
    <label>Email: </label>
    <input type="text" id="email" name="email" value="<?php echo $this->input_email;?>"/>
    </p>
    <p>
    <label>Tiêu đề: </label>
    <input type="text" id="title" name="title" value="<?php echo $this->input_title;?>" style="width: 450px"/>
    </p>
    <p>
    <label>Nội dung: </label>
    <textarea id="content" name="content" rows="10" cols="55"><?php echo $this->input_content;?></textarea>
    </p>
    <p>
    <label>Mã xác nhận</label>
    <input type="text" id="captcha" name="captcha" value="" style="width: 100px;vertical-align: top;"/>
    <span id="imgcaptcha"></span>  
    <a id="changecaptcha" href="javascript:void(0);" title="Đổi mã xác nhận">
        <img src="<?php echo $this->_baseUrl;?>/public/images/web/change.png" width="16" height="16" style="margin-bottom:12px"/>
    </a>
    <?php
         $linkcaptcha = $this->_baseUrl.'/captcha/createcaptcha'; 
    ?>
    <script>

    $(document).ready(function(){
         	 function loadCaptcha(){
    	             $('#imgcaptcha').load("<?php echo $linkcaptcha;?>");
    	   	 }
             loadCaptcha();
            	$('#changecaptcha').click( function() {
              		loadCaptcha();
               	});
   	 });
     </script>
    </p>
    <p style="margin-left: 150px">
    <button class="button" id="sentButton" name="sentButton" type="submit">Gửi</button>
    <button class="button" id="resetButton" name="resetButton" type="reset">  Hủy</button>
    </p>
  </form>
 </div>